$color-primary: var(--theme-color, #01bef6) !default;
$color-button-primary: var(--theme-button-color, #01bef6) !default;
$color-white: #ffffff !default;
$color-black: #000000 !default;
$color-blue: #01bef6 !default;
$color-normal: #0dbd14 !default;
$color-warn: #ff8d1a !default;
$color-error: #d71112 !default;
$color-gray: #999 !default;

$color-gray-1: #f7f8fa;
$color-gray-2: #f2f3f5;
$color-gray-3: #ebedf0;
$color-gray-4: #dcdee0;
$color-gray-5: #c8c9cc;
$color-gray-6: #969799;
$color-gray-7: #646566;
$color-gray-8: #323233;

$color-primary-light-1: var(--theme-color-light-1, #e91a1a) !default;
$color-primary-light-2: var(--theme-color-light-2, #eb3333) !default;
$color-primary-light-3: var(--theme-color-light-3, #ee4d4d) !default;
$color-primary-light-4: var(--theme-color-light-4, #f06666) !default;
$color-primary-light-5: var(--theme-color-light-5, #f38080) !default;
$color-primary-light-6: var(--theme-color-light-6, #f59999) !default;
$color-primary-light-7: var(--theme-color-light-7, #f8b3b3) !default;
$color-primary-light-8: var(--theme-color-light-8, #facccc) !default;
$color-primary-light-9: var(--theme-color-light-9, #fde6e6) !default;

$color-success: #0dbd14 !default;
$color-warning: #ff8d1a !default;
$color-danger: #d71112 !default;
$color-info: #999 !default;

$color-text-primary: #111111 !default;
$color-text-regular: #666666 !default;
$color-text-secondary: #999999 !default;

$color-border-bottom: #e7e9f1 !default;

$box-shadow-base: 0 0 20rpx 0 rgba(0, 0, 0, 0.12) !default;
$box-shadow-dark: 0 0 20rpx 0 rgba(0, 0, 0, 0.2) !default;
$box-shadow-light: 0 0 20rpx 0 rgba(0, 0, 0, 0.08) !default;

$border-radius-small: 6rpx !default;
$border-radius-base: 8rpx !default;
$border-radius-large: 10rpx !default;
$border-radius-circle: 50% !default;
$border-radius-max: 999px;

$padding: 6rpx;
$padding-mini: $padding * 2 !default;
$padding-small: $padding * 3 !default;
$padding-base: $padding * 4 !default;
$padding-medium: $padding * 6 !default;
$padding-large: $padding * 8 !default;

$content-padding: $padding-base;

$font-size-max: 34rpx !default;
$font-size-large: 32rpx !default;
$font-size-medium: 30rpx !default;
$font-size-base: 28rpx !default;
$font-size-small: 24rpx !default;
$font-size-mini: 20rpx !default;

$line-height-mini: 28rpx !default;
$line-height-small: 36rpx !default;
$line-height-base: 40rpx !default;
$line-height-medium: 42rpx !default;
$line-height-large: 44rpx !default;

$font-weight-primary: 500 !default;
$font-weight-secondary: 400 !default;
$font-weight-bold: 600 !default;

$tab-bar-height: 50px !default;

$active-opacity: 0.7;
$disabled-opacity: 0.5 !default;
$disabled-background-color: #323233;

$animation-duration-base: 0.3s !default;
$animation-duration-fast: 0.2s !default;

$overlay-background-color: rgba(0, 0, 0, 0.4) !default;
$card-background-color: #f7f8fa !default;
$page-background-color: #31333f !default;
$content-background-color:#40444f !default;
$content-text-color:#6e707c !default;

$icon-size-base:44rpx !default;